<!doctype html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>墨阅-免费</title>
    <link th:href="@{/moyue/css/bootstrap.min.css}" rel="stylesheet"/>
    <link th:href="@{/moyue/css/index.css}"  rel="stylesheet">
    <link th:href="@{/moyue/css/loginortop.css}"  rel="stylesheet">
    <link th:href="@{/moyue/css/allwork.css}"  rel="stylesheet">
    <link th:href="@{/moyue/css/free.css}"  rel="stylesheet">
    <link th:href="@{/moyue/font-awesome-4.7.0/css/font-awesome.min.css}" rel="stylesheet">
    <link rel="shortcut icon" th:href="@{/moyue/images/favicon.ico}" type="image/x-icon"/>
</head>
<body>
<div class="wrip">
    <div class="header">
        <dl class="header-nav">
            <dd class="header-nav-dengluh" th:if="${session.user}==null">
                <i class="fa fa-user-o" style="color: #ff6600;margin-right: 5px"></i>
                <a href="javascript:;" onclick="upup()">登录</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a  th:href="@{/moyue/user/registerUI}" target="_blank">注册</a>
            </dd>
            <dd class="header-nav-dengluh" th:if="${session.user}!=null">
                <a th:each="user : ${session.user}" th:text="${user.userName}" th:href="@{/moyue/user/myhomehtml}"></a>
            </dd>
            <dd class="header-nav-dengluq"></dd>
            <dd><i class="fa fa-refresh"style="color: #ff6600;margin-right: 5px"></i> <a href="">看过</a></dd>
            <dd><i class="fa fa-user-o" style="color: #ff6600;margin-right: 5px"></i><a href="/moyue/book/bookcaselist">书架</a></dd>
            <dd><i class="fa fa-envelope-open-o" style="color: #ff6600;margin-right: 5px"></i><a href="/moyue/user/messagehtml" th:href="@{/moyue/user/messagehtml}">消息</a></dd>
            <dd><i class="fa fa-paint-brush" style="color: #ff6600;margin-right: 5px"></i><a href="/moyue/user/writerhtml" th:href="@{/moyue/user/writerhtml}">写书</a></dd>
            <dd><i class="fa fa-database" style="color: #ff6600;margin-right: 5px"></i><a href="javascript:;" onclick="yesuser()">充值</a></dd>
        </dl>
        <a th:href="@{/moyue/user/index}" class="header-logo">墨阅小说</a>
        <form class="header-input" th:action="@{/moyue/book/searchbook}" enctype="multipart/form-data" method=post>
            <i class="fa fa-search" style="margin-left:10px;color: #CCCCCC;" ></i>&nbsp;&nbsp;|
            <input type="text" class="header-input-s" placeholder="斗罗大陆" name="bookName" onkeyup="fuz()">
            <input type="submit" class="header-input-b" value="提交">
        </form>
        <div class="clear"></div>
        <div class="sear-fuz none">
            <!--<a href="#" class="fuz">斗大陆</a>-->
        </div>
    </div>
    <div class="nav">
        <ul>
            <li class="lifrist"><a th:href="@{/moyue/user/allwork}">作品分类</a></li>
            <li class="lis"><a th:href="@{/moyue/user/allwork}">全部作品</a></li>
            <li class="lis"><a th:href="@{/moyue/book/seniority}">排行</a></li>
            <li class="lis"><a th:href="@{/moyue/user/finish}">完本</a></li>
            <li class="lis lis-red"><a th:href="@{/moyue/user/free}">免费</a></li>
            <li class="lis"><a th:href="@{/moyue/user/writerhtml}">作家专区</a></li>
        </ul>
    </div>
</div>
<div id="back"></div>
<div id="denglu">
    <div class="denglu-login">
        <div class="denglu-close" onclick="closes()"><i class="fa fa-close"></i></div>
        <div class="login-top">
            <div class="login-top-one">账号登陆</div>
        </div>
        <div class="login-center">关于墨阅网将实行<a href="#">手机绑定实名制的说明</a>
        </div>
        <input placeholder="手机/邮箱/用户名" id="user">
        <input placeholder="密码" id="password" type="password">
        <div class="self-motion">
            <input type="checkbox" style="width: 15px;height: 15px;margin: 0px">
            <span>下次自动登录</span>
        </div>
        <a th:href="@{/moyue/user/forgetPwdUI}" target="_blank" class="wangji">忘记密码</a>
        <a href="#"><div class="denglu-button" onclick="login()">登陆</div></a>
        <div class="denglu-three">
            <p>使用第三方账号登录</p>
            <div class="three-ss">
                <a href="javascript:;" class="three-ss-qq" style="background-color: #FF0036;font-size:25px;"><i class="fa fa-weibo" title="新浪微博"></i></a>
                <a href="https://github.com/login/oauth/authorize?client_id=6c861c60eb9fd46cfc6d" class="three-ss-qq" style="background-color: #111111;font-size: 25px" methods="get"><i class="fa fa-github" title="GitHub"></i> </a>
                <a href="javascript:;" class="three-ss-qq" style="background-color: #0a6397;font-size: 25px"><i class="fa fa-qq" title=""></i> </a>
                <a href="javascript:;" class="three-ss-qq" style="background-color: #419641;font-size: 25px"><i class="fa fa-linkedin" title=""></i> </a>
            </div>
            <p style="margin-top: 70px;padding-top: 10px;border-top: 1px solid #D1CCC7;">没有账号？<a th:href="@{/moyue/user/registerUI}" target="_blank" style="color: #36a803;">立即申请</a></p>
        </div>
    </div>
</div>
<div class="table">
    <div class="container">
        <div class="row clearfix">
            <div class="col-md-12 column">
                <div class="tabbable" id="tabs-92942">
                    <ul class="nav nav-tabs">
                        <li class="active">
                            <a  data-toggle="tab">免费作品</a>
                        </li>
                        <li>
                            <a  data-toggle="tab">限时免费</a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active">
                            <div class="table-find">
                                <div class="find-all">
                                    <div class="all-sidebar">
                                        <div class="sidebar-selected">
                                            <h5 style="font-weight: 600">分类</h5>
                                            <div class="sidebar-selected-s">
                                                <ul>
                                                    <li class="selected"><a href="#">全部</a></li>
                                                    <li><a href="#">玄幻</a></li>
                                                    <li><a href="#">全部</a></li>
                                                    <li><a href="#">全部</a></li>
                                                    <li><a href="#">全部</a></li>
                                                    <li><a href="#">全部</a></li>
                                                    <li><a href="#">全部</a></li>
                                                    <li><a href="#">全部</a></li>
                                                    <li><a href="#">全部</a></li>
                                                    <li><a href="#">全部</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="sidebar-action">
                                            <h5 style="font-weight: 600">状态</h5>
                                            <div class="sidebar-action-s">
                                                <ul>
                                                    <li class="selected"><a href="#">全部</a></li>
                                                    <li><a href="#">连载</a></li>
                                                    <li><a href="#">完结</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="sidebar-vip">
                                            <h5 style="font-weight: 600">属性</h5>
                                            <div class="sidebar-vip-s">
                                                <ul>
                                                    <li class="selected"><a href="#">全部</a></li>
                                                    <li><a href="#">免费</a></li>
                                                    <li><a href="#">vip</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="sidebar-fontnum">
                                            <h5 style="font-weight: 600">字数</h5>
                                            <div class="sidebar-fontnum-s">
                                                <ul>
                                                    <li class="selected"><a href="#">全部</a></li>
                                                    <li><a href="#">30万字以下</a></li>
                                                    <li><a href="#">30-50万字</a></li>
                                                    <li><a href="#">50-100万字</a></li>
                                                    <li><a href="#">100-200万字</a></li>
                                                    <li><a href="#">200万字以上</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="all-content">
                                        <div class="centent-tool">
                                            <div class="tool-select">
                                                <a class="tool-select-color" href="javascript:;">人气排行<i class="iconfont">&#xe600;</i></a>
                                                <a href="javascript:;">更新时间<i class="iconfont">&#xe600;</i></a>
                                                <a href="javascript:;">总字数<i class="iconfont">&#xe600;</i></a>
                                                <a href="javascript:;">总收藏<i class="iconfont">&#xe600;</i></a>
                                                <a href="javascript:;">推荐票<i class="iconfont">&#xe600;</i></a>
                                                <b style="color:#A6A6A6 ">|</b>
                                                <!--<span>-->
                                                <!--<input type="radio">-->
                                                <!--</span>-->
                                                <!--<label>只看3个月内新书</label>-->
                                                <div class="tool-text">共<span> 52</span>本相关作品</div>
                                            </div>
                                        </div>
                                        <div class="content-list">
                                            <ul class="list-em">
                                                <li>
                                                    <div class="list-img">
                                                        <a href="#"><img src="images/150.jpg"></a>
                                                    </div>
                                                    <div class="list-mid">
                                                        <h4>
                                                            <a href="#">圣墟</a>
                                                        </h4>
                                                        <p class="mid-author">
                                                            <a href="#" target="_blank">辰东</a>
                                                            <i>|</i>
                                                            <a href="#">玄幻</a>
                                                            <i>.</i>
                                                            <a href="#">东方玄幻</a>
                                                            <i>|</i>
                                                            <span th:if="${book.bookIsEnd}==0">连载</span><!--作品状态-->
                                                            <span th:if="${book.bookIsEnd}==1">完结</span><!--作品状态-->
                                                        </p>
                                                        <p class="mid-intre">
                                                            在破败中崛起，在寂灭中复苏。沧海成尘，雷电枯竭，那一缕幽雾又一次临近大地，世间的枷锁被打开了，一个全新的世界就此揭开神秘的一角……
                                                        </p>
                                                        <p class="mid-font">
                                                            <span>13.5</span>万字
                                                        </p>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="list-img">
                                                        <a href="#"><img src="images/150.jpg"></a>
                                                    </div>
                                                    <div class="list-mid">
                                                        <h4>
                                                            <a href="#">圣墟</a>
                                                        </h4>
                                                        <p class="mid-author">
                                                            <a href="#" target="_blank">辰东</a>
                                                            <i>|</i>
                                                            <a href="#">玄幻</a>
                                                            <i>.</i>
                                                            <a href="#">东方玄幻</a>
                                                            <i>|</i>
                                                            <span th:if="${book.bookIsEnd}==0">连载</span><!--作品状态-->
                                                            <span th:if="${book.bookIsEnd}==1">完结</span><!--作品状态-->
                                                        </p>
                                                        <p class="mid-intre">
                                                            在破败中崛起，在寂灭中复苏。沧海成尘，雷电枯竭，那一缕幽雾又一次临近大地，世间的枷锁被打开了，一个全新的世界就此揭开神秘的一角……
                                                        </p>
                                                        <p class="mid-font">
                                                            <span>13.5</span>万字
                                                        </p>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>

                                    </div>
                                    <div class="clear"></div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane "></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script th:src="@{/moyue/js/jquery-3.3.1.min.js}"></script>
<script th:src="@{/moyue/js/bootstrap.min.js}"></script>
<script type="text/javascript" th:src="@{/moyue/js/free.js}"></script>
</html>